
// 类组件  :rcc

// react  版本16.8之前只能接受props  不能定义状态

import React, { Component, createRef } from 'react'
import Child1 from './components/Child1'

export default class App extends Component {
    state = {
        num:10
    }
    changeNum = (n) => {
        this.setState({
            num:this.state.num + n
        })
    }
    // 类组件必须定义render函数  返回虚拟dom  进入组件自动执行render函数
  render() {
    return (
        <div>
            <p>num:{this.state.num}</p>
            <button onClick={() => {
                this.changeNum(1)
            }}>+</button>
            <Child1 
            num={this.state.num}
            onChangeNum = {this.changeNum}
            header={<div>头部</div>}
            footer = {<div>底部</div>}
            >
            <ul>
                <li>1111</li>
                <li>2222</li>
                <li>
                33333
                </li>
            </ul>
            </Child1>

        </div>
    )
  }
}

// 函数组件  :rafce
// import React from 'react'

// const App = () => {
//   return (
//     <div>App</div>
//   )
// }

// export default App

